<ion-header>
  <ion-toolbar color="primary">
    <ion-title>购物车</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content padding>
  <ion-list-header>
    <ion-label class="cart-list-head">本周</ion-label>
  </ion-list-header>
  <ion-list lines="none" *ngFor="let item of week_data" class="cart-list">
    <ion-item-sliding>
      <ion-item class="cart-item">
        <ion-checkbox slot="start" color="primary"></ion-checkbox>
        <ion-thumbnail class="cart-thumbnail" slot="start">
          <img class="cart-img" [src]="item.img">
        </ion-thumbnail>
        <div class="cart-1">
          <ion-row class="row-1">
            <ion-col>{{item.name}}</ion-col>
          </ion-row>
          <ion-row class="row-2">
            <ion-col class="row-2-col">价格：¥{{item.price}}</ion-col>
          </ion-row>
        </div>
      </ion-item>
      <ion-item-options side="end">
        <ion-item-option color="danger" (click)="presentToastWithOptions()">删除</ion-item-option>
      </ion-item-options>
    </ion-item-sliding>
  </ion-list>
  <ion-list-header>
    <ion-label class="cart-list-head">本月</ion-label>
  </ion-list-header>

  <ion-list lines="none" *ngFor="let item of month_data" class="cart-list">
      <ion-item-sliding>
        <ion-item class="cart-item">
          <ion-checkbox slot="start" color="primary"></ion-checkbox>
          <ion-thumbnail class="cart-thumbnail" slot="start">
            <img class="cart-img" [src]="item.img">
          </ion-thumbnail>
          <div class="cart-1">
            <ion-row class="row-1">
              <ion-col>{{item.name}}</ion-col>
            </ion-row>
            <ion-row class="row-2">
              <ion-col class="row-2-col">价格：¥{{item.price}}</ion-col>
            </ion-row>
          </div>
        </ion-item>
        <ion-item-options side="end">
          <ion-item-option color="danger" (click)="presentToastWithOptions()">删除</ion-item-option>
        </ion-item-options>
      </ion-item-sliding>
    </ion-list>

  <ion-grid>
    <ion-row>
      <ion-col size="6" class="addcart">
        <ion-button expand="block" color="primary">立即购买</ion-button>
      </ion-col>
      <ion-col size="6" class="buynow">
        <ion-button expand="block" color="danger">批量删除</ion-button>
      </ion-col>
    </ion-row>
  </ion-grid>
</ion-content>